<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
			<title>Test</title>
			<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	</head>
	
	<body onload="show()">
		gogogo
		<form method="get">
		E-mail: <input type="email" name="user_email" />
		<input type="submit"/><br/>
		Date: <input type="time" name="user_date" /><br/>
	</form>
		<div id="test1">
			<canvas id="myCanvas" width="500" height="730">Your browser does not support the canvas element.</canvas>
		</div>
	<br/>
		<div id="d2">
			<canvas id="myCanvasDrawArc" width="500" height="730">Your browser does not support the canvas element.</canvas>
		</div>
	</body>	
	<script type="text/javascript">
			function show()
			{
				var b_name = navigator.appName
				var b_version = navigator.appVersion
//				alert("browser name:"+b_name+";		browser version :"+b_version)
				if(localStorage.pagecount)
				{
					localStorage.pagecount=Number(localStorage.pagecount)+1;
				}
				else
					{
						localStorage.pagecount=1;
					}
//					document.write("Visits		"+localStorage.pagecount+" time(s).");
			}
			var c=document.getElementById("myCanvas");
			var cxt=c.getContext("2d");
//			var grd=cxt.createLinearGradient(0,0,175,50);
//			grd.addColorStop(0,"#FF0000");
//			grd.addColorStop(1,"#00FF00");
//			cxt.fillStyle=grd;
//			cxt.fillRect(0,0,175,50);
				var img=new Image();
				img.src="./picture/21.gif";
				cxt.drawImage(img,0,0);
				
				var c1 = document.getElementById("myCanvasDrawArc");
				var cxt1 = c1.getContext("2d");
				cxt1.clearRect(0,0,500,730);
				cxt1.fillStyle="green";
				cxt1.arc(100,100,50,0,2*Math.PI,true);
	</script>			
</html>